<div class="content">
    <div class="default-header">
        <div class="row">
            <h1 class="col">New cloud node template</h1>
        </div>
    </div>
    <div class="default-content">
        <mat-card class="matCard">
            <form [formGroup]="formGroup">
                <mat-form-field class="form-field">
                    <input formControlName="templateName" matInput type="text" placeholder="Template name">
                </mat-form-field>
            </form>
        </mat-card>
        <div class="buttons-bar">
            <button mat-button class="cancel-button" (click)="goBack()">Cancel</button>
            <button mat-raised-button color="primary" (click)="addTemplate()">Add template</button>
        </div>
    </div>
</div>
